<template>
  <section>
    <ul>
      <li v-for="(item, index) in object" :key="index">{{item}}</li>
    </ul>
    <ul>
      <li v-for="(item, key) in object" :key="key">{{item}} {{key}}</li>
    </ul>
    <ul>
      <li v-for="(item, key, index) in object" :key="index">{{item}} {{key}} {{index}}</li>
    </ul>
  </section>
</template>

<script>
export default {
  name: "VforObject",
  data() {
    return {
      object: { firstName: "John", lastName: "Doe", age: 30 }
    };
  }
};
</script>